<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="applicable-device" content="pc">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" type="text/css" href="/static/common/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/index.css"/>
</head>
<body>
<header>
    <nav>
        <a href="index.html"><img id="logo" src="/static/common/img/kz_index_logo.png"/></a>
        <a><input type="search" placeholder="请输入大厦名称或者区域位置"/></a>
        <a href="index.html"><img id="tel" src="/static/common/img/kz_index_tel.png"/><span data-hover="023-63021910">023-63021910</a>
        <a href="enterpriseunion.html"><span data-hover="企业服务">企业服务</span></a>
        <a href="putthehouse.html"><span data-hover="投放房源">投放房源</span></a>
        <a href="entrustfindhouse.html"><span data-hover="委托找房">委托找房</span></a>
    </nav>
</header>
<article>
    <nav class="kz_navigetor">
        <figure id="banner">
        <#list banner as b>
            <#assign text=b.imgPath />
            <#assign data=text?eval />
            <#if b_index==0>
                <a href="${b.url}" style="width: 100%"> <img src="${data.originalPath}" data-src="${data.originalPath}" title="${b.title}"/></a>
            <#else>
                <img class="load" data-src="${data.originalPath}" title="${b.title}"/>
            </#if>
        </#list>
        </figure>
        <div class="div">
            <section>
                <h5>选择区域</h5>
                <h6><a>不限</a>
                <#list county as c>
                    <a>${c.name}</a>
                </#list>
                </h6>
                <h5>选择面积</h5>
                <h6>
                    <div><a></a><a></a><a></a><a></a><a></a><a></a></div>
                    <div><a>0</a><a>100m²</a><a>200m²</a><a>300m²</a><a>500m²</a><a>1000m²</a><a>∞</a></div>
                </h6>
                <button>马上找房</button>
                <input type="search" size="10" placeholder="大厦名称和区域位置"/>
            </section>
        </div>
    </nav>
    <section class="kz_advance">
        <a><img src="/static/common/img/kz_index_fast.png"/>5分钟内匹配房源</a>
        <a><img src="/static/common/img/kz_index_geniue.png"/>所有房源实地勘测</a>
        <a><img src="/static/common/img/kz_index_speacil.png"/>专业选址顾问</a>
        <a><img src="/static/common/img/kz_index_equal.png"/>企业服务一站式搞定</a>
    </section>
    <section class="kz_typechioce">
        <nav>
            <a>热门商圈</a>
            <a>团队规模</a>
            <a>办公类型</a>
        </nav>
        <article>
            <section class="kz_show">
                <div>
                <#list tradeArea as t>
                    <#if t_index lt 2>
                        <a href="${t.county_id}">
                            <#assign text=t.imgPath />
                            <#assign data=text?eval />
                            <img src="${data.originalPath}" title="${t.name}"/>
                            <h6>${t.name}</h6></a>
                        </a>
                    </#if>
                </#list>
                </div>
            <#list tradeArea as t>
                <#if t_index == 2>
                    <a href="${t.county_id}" id="alone">
                        <#assign text=t.imgPath />
                        <#assign data=text?eval />
                        <img src="${data.originalPath}" title="${t.name}"/>
                        <h6>${t.name}</h6></a>
                    </a>
                </#if>
            </#list>
                <div>
                <#list tradeArea as t>
                    <#if t_index gt 2 && t_index lt 5 >
                        <#assign text=t.imgPath />
                        <#assign data=text?eval />
                        <a href="${t.county_id}"> <img src="${data.originalPath}" title="${t.name}"/>  <h6>${t.name}</h6></a>
                    </#if>
                </#list>
                </div>
            </section>
            <section class="kz_hidden">
                <a id="alone1"><img src="/static/common/img/kz_index_teamthree.png"/><h6>大型团队【10人以下】</h6></a>
                <div>
                    <a><img src="/static/common/img/kz_index_teamone.png"/><h6>初创团队【10-30人】</h6></a>
                    <a><img src="/static/common/img/kz_index_teamtwo.png"/><h6> 小型团队【10-30人】</h6></a>
                </div>
                <div>
                    <a><img src="/static/common/img/kz_index_teamfour.png"/><h6>中型团队【30-50人】</h6></a>
                    <a><img src="/static/common/img/kz_index_teamfive.png"/><h6>中型团队【50-100人】</h6></a>
                </div>
                </div>
            </section>
            <section class="kz_hidden">
                <a><img src="/static/common/img/kz_index_typeone.png"/><h6>科技园</h6></a>
                <a><img src="/static/common/img/kz_index_typetwo.png"/><h6>科技园</h6></a>
                <a><img src="/static/common/img/kz_index_typethree.png"/><h6>科技园</h6></a>
            </section>

        </article>
    </section>
    <section class="kz_buildingchioce">
        <nav>
            <h3>不容错过的办公室</h3>
        </nav>
        <article>
        <#list officeBuildings as ob>
            <#if ob_index lt 11>
                <#assign text=ob.cover_img_path />
                <#assign data=text?eval />
                <a href="${ob.building_id}"><img src="${data.maxPath}" title="${ob.building_name}"/><h6>${ob.building_name}</h6>
                    <p>租金<span>${ob.rent}${ob.rentUnit},</span>售价<span>${ob.sell}${ob.sellUnit}</span>(${ob.name}-${ob.tradeAreaName})</p>
                </a>
            </#if>
        </#list>
            <a><h4>1000+</h4><h5>套房源任你选</h5>
                <button>查看更多房源</button>
            </a>
        </article>
    </section>
    <section class="kz_writeing">
        <img src="/static/common/img/kz_index_delegate.png"/>
        <a>
            <h4>办公选址找快址</h4>
            <h6>一键提交需求，1分钟快速响应，专业看房顾问带看</h6>
            <button>立即委托</button>
            <img src="/static/common/img/kz_index_delegate1.png"/>
        </a>
    </section>
    <section class="kz_compare">
        <h4>合作伙伴</h4>
        <a><img src="/static/common/img/kz_index_hricon.png"/></a>
        <a><img src="/static/common/img/kz_index_jx1icon.png"/></a>
        <a><img src="/static/common/img/kz_index_ffcicon.png"/></a>
        <a><img src="/static/common/img/kz_index_smarticon.png"/></a>
        <a><img src="/static/common/img/kz_index_fp1icon.png"/></a>
        <a><img src="/static/common/img/kz_index_professor.png"/></a>
    </section>
    <section class="kz_article">
        <h4>新闻资讯</h4>
    <#list advertList as al>
        <#if al.advert_site=='ADVERT_INDEX_1'>
            <#assign text=al.cover_img_path />
            <#assign data=text?eval />
            <a class="a1" href="${al.access_path}"><img src="${data.maxPath}" title="${al.title}"/><h6>${al.title}</h6></a>
        </#if>
    </#list>
        <figure>
        <#list advertList as al>
            <#if al.advert_site=='ADVERT_INDEX_2'>
                <#assign text=al.cover_img_path />
                <#assign data=text?eval />
                <a class="a2" href="${al.access_path}"><img src="${data.maxPath}" title="${al.title}"/><h6>${al.title}</h6></a>
            </#if>
            <#if al.advert_site=='ADVERT_INDEX_3'>
                <#assign text=al.cover_img_path />
                <#assign data=text?eval />
                <a class="a2" href="${al.access_path}"><img src="${data.maxPath}" title="${al.title}"/><h6>${al.title}</h6></a>
            </#if>
        </#list>
            <div>
                <h5>选址百科<a>更多>></a></h5>
            <#list article_19_List as l1>
                <#if l1_index lt 6>
                    <a href="/details/news${l1.article_id}.html">${l1.title}</a><span>${l1.modify_time[0..10]}</span>
                </#if>
            </#list>
            </div>
            <div>
                <h5>项目推介<a>更多>></a></h5>
            <#list article_20_List as l1>
                <#if l1_index lt 6>
                    <a href="/details/news${l1.article_id}.html">${l1.title}</a><span>${l1.modify_time[0..10]}</span>
                </#if>
            </#list>
            </div>
        </figure>
    </section>
</article>
<#include "/include/base.ftl"/>
<script src="/static/common/js/jquery.min.js"></script>
<script src="/static/common/js/common.js"></script>
<script src="/static/common/js/index.js"></script>

</body>
</html>